<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>排行榜</title>
    <link rel="stylesheet" href="../css/brandTitle.css" />
  </head>
  <script src="../js/flexible.js"></script>

  <body>
    <!--头部-->
    <header id="header">
      <div class="header-logo">
        <a href="../index.html">
          <img src="../images/header_logo.png" alt="" />
        </a>
      </div>
      <div class="header-app">
        <a href="">
          <img src="../images/header_app.png" alt="" />
        </a>
      </div>
    </header>
    <!--搜索-->
    <section id="search">
      <span></span>
      <div class="search-input">
        <input type="search" name="" id="" placeholder="请输入你想比价的商品" />
      </div>
      <div class="search-button">
        <button>搜索</button>
      </div>
      <span></span>
    </section>

    <!-- 导航 -->
    <div id="shopNav">
      <a href="index.html">首页&gt;&nbsp;</a>
      <a href="#">全部分类&gt;&nbsp;</a>
    </div>

    <!-- 排行 -->
    <div id="hotList">
      <span>热门品牌排行</span>
    </div>

    <!--商品推荐-->
    <section id="recommen">
      <div class="recommen-main">
        <div class="recommen-main-content">

          <div class="recMainLis">
            <li class="listTitle">
              <span>全球十大品牌</span>
              <span>▼</span>
            </li>
            <div class="mainLis">

              <div class="mainLisChild">
                <li >
                  <span></span>
                  <b></b>
                </li>
                <p>
                </p>
              </div>

            </div>
          </div>

        </div>
      </div>

      <div class="recommen-buttom">
        <a href="">
          <span>更多优惠信息 >></span>
        </a>
      </div>
    </section>
    <!--底部-->
    <section id="footer">
      <div class="footer-top">
        <p>
          <span>品牌排行</span>
          <span>&gt;</span>
        </p>
      </div>
      <div class="footer-main">
        <span> 登录 </span>
        <span> 注册 </span>
        <span id="button-top"> 返回顶部 </span>
      </div>
      <div class="footer-buttom">
        <p>
          <span>手机app下载</span>
          <span>慢慢买手机版--</span>
          <span>掌上比价平台</span>
        </p>
        <p>m.maimaibuy.com</p>
      </div>
    </section>

    <!--js文件 注意引入的依赖关系-->
  </body>
</html>
<script src="../js/ajax.js"></script>
<script src="../js/animate.js"></script>
<script src="../js/brandTitle.js"></script>
